<template>
  <!-- 主体内容的头部面包屑组件 -->
  <el-breadcrumb v-show="$route.path !== '/home'" separator="/">
    <el-breadcrumb-item class="line" :to="{ path: $route.path}">{{$route.meta.title}}</el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script>
  export default {}
</script>

<style lang="less" scoped>
  .el-breadcrumb {
    height: 10px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }

  .line {
    border-left: 3px solid #31c17b;
    padding-left: 5px;
  }
</style>